<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/shopping-cars.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.5.min.css" />
	</head>

	<body>
		<div id="header"></div>
		<div class="coupon-line">
			<div class="title-line fl">
				<div class="photo-line fl">
					<img src="img/pic-1.png" />
				</div>
				<span class="coupon-name-line fl">购物车可领优惠券</span>
				<div class="clear"></div>
			</div>
			<div class="check-line fr">
				<span>查看优惠券</span>
				<img class="price-line" src="img/pic-2.png" />
			</div>
			<div class="check-two-line fr">

				<span>查看优惠券</span>
				<img class="price2-line" src="img/pic-3.png" />

			</div>
			<div class="clear"></div>
		</div>
		<div class="bd-bdline">
			<div class="nameline">
				暂时没有优惠券
			</div>
		</div>
		<div class="content">
			<div class="container">
				<div class="container-top">
					<div class="coupon">
						<div class="title fl">
							<div class="photo fl">
								<img src="img/pic-1.png" />
							</div>
							<span class="coupon-name fl">购物车可领优惠券</span>
							<div class="clear"></div>
						</div>
						<div class="check fr">

							<span>查看优惠券</span>
							<img class="price" src="img/pic-2.png" />
						</div>
						<div class="check-two fr">
							<span>查看优惠券</span>
							<img class="price2" src="img/pic-3.png" />
						</div>
						<div class="clear"></div>
					</div>
					<div class="bd">
						<div class="name">
							<div class="name-left fl">
								<ul>
									<li class="lisstt">可领取</li>
									<li>已领取</li>
								</ul>
							</div>
							<span>暂时没有优惠券</span>
							<div class="clear"></div>
							<div class="name-left fl">

							</div>
						</div>
					</div>

					<div class="list">
						<div class="information">
							<div class="Commodity-information">
								<div class="w-w1 fl">
									<input type="checkbox" class="checkbox fl" />
									<span class="all fl">全选</span>
									<div class="clear"></div>
								</div>
								<div class="w-w2 fl">
									<span class="all fl">商品信息</span>
									<div class="clear"></div>
								</div>
								<div class="w-w3 fl">
									<span class="all">单价</span>
								</div>
								<div class="w-w4 fl">
									<span class="all">数量</span>
								</div>
								<div class="w-w6 fr">
									<span class="all fl">操作</spdan>
								<div class="clear"></div>
							</div>
							<div class="w-w5 fr">
								<span class="all fr">小计</span>
									<div class="clear"></div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
						<div class="cart-group">
							<div class="promotion-wrap">
								<span class="premium">全场加价购</span>
								<span class="meet">已满足【满130元可超值换购】</span>
								<a class="buy" href="index.html">去换购</a>
								<a class="continue" href="index.html">继续凑单>></a>
							</div>
						</div>
						<ul class="cart-grouplist">
							<li>
								<div class="list-list">
									<div class="buttona fl">
										<input type="checkbox" class="checkbox" />
									</div>
									<div class="photo fl">
										<img src="img/pic-23.png" />
									</div>
									<div class="nameCon fl">
										<a class="sleep-yi" href="goods-details3.html">高清投影仪</a>
										<div class="color">
											<a href="#">便携带 白色</a>
										</div>
									</div>
									<span class="pricea fl">￥</span>
									<span class="priceb fl">799.00</span>
									<div class="u-selnum fl">

										<span class="reduction fl">-</span>
										<input class="j-input fl" type="text" value="1" />
										<span class="sign fl">+</span>
										<div class="clear"></div>

									</div>
									<span class="price11 fl">￥</span>
									<span class="price1 fl">799.00</span>
									<div class="move-del fl">
										<span class="move fl">移入收藏夹</span>
										<div class="delect">
											删除
										</div>
										<div class="clear"></div>
									</div>
									<div class="clear"></div>
								</div>
							</li>
							<li>
								<div class="list-list">
									<div class="buttona fl">
										<input type="checkbox" class="checkbox" />
									</div>
									<div class="photo fl">
										<img src="img/pic-23.png" />
									</div>
									<div class="nameCon fl">
										<a class="sleep-yi" href="goods-details3.html">女式浪漫散摆修身连衣裙</a>
										<div class="color">
											<a href="#">XS 黑色</a>
										</div>
									</div>
									<span class="pricea fl">￥</span>
									<span class="priceb fl">399.00</span>
									<div class="u-selnum fl">
										<span class="reduction fl">-</span>
										<input class="j-input fl" type="text" value="1" />
										<span class="sign fl">+</span>
										<div class="clear"></div>
									</div>
									<span class="price11 fl">￥</span>
									<span class="price1 fl">799.00</span>
									<div class="move-del fl">
										<span class="move fl">移入收藏夹</span>
										<div class="delect">
											删除
										</div>
										<div class="clear"></div>
									</div>
									<div class="clear"></div>
								</div>
							</li>

						</ul>
						<div class="cart-grouplisttwo">
							<div class="cart-grouplisttwo-con">
								<img src="img/pic-26_03.jpg" />
								<div class="cart-grouplisttwo-name">
									<span>购物车还是空的，小主人，嘤嘤嘤！</span>
								</div>
								<div class="cart-grouplisttwo-contine">
									<a href="index.html">继续逛</a>
								</div>

							</div>
						</div>
						<div class="combined">
							<div class="combined-del">
								<input type="checkbox" class="checkbox" />
								<span class="selected">已选(</span>
								<span>1</span>
								<span>)</span>
								<p class="batch-del" href="#">批量删除</p>
								<p class="value-sha" href="#">清空失效商品</p>
							</div>
							<div class="combined-button fr">
								<a href="shopping-order.html"><button>下单</button></a>
							</div>
							<div class="cost fr">
								<div class="shang">
									<span class="cost-cost">应付总额：</span>
									<span class="cost-price1">￥</span>
									<span class="cost-price">0.00</span>
								</div>
								<div class="line-line fr">
									<a href="goods-details.html">
										<span>再购</span>
										<span>59.00</span>
										<span>免邮，去凑单></span>
									</a>
								</div>
							</div>
							<div class="activity fr">
								<div class="activity-line">
									<span>商品合计：</span>
									<span>￥29.00</span>
								</div>
								<div class="activitylist-line">
									<span>活动优惠：</span>
									<span>-￥0.00</span>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>

					<!--第二框-->
					<div class="container-foot">
						<div class="title">
							<div class="imgWrag">
								<div class="imgWrag-1 fl">
									<img class="imgWrag-img" src="img/pic-0.png" />
								</div>

								<span class="imgWrag-name fl">看了该商品的人还买了</span>
								<div class="clear"></div>
							</div>

						</div>
						<ul class="m-iteam-list">
							<li>
								<div class="li-list tran5">
									<a href="goods-details3.html"><img src="img/pic-5.png" /></a>
								</div>
								<div class="discount">
									<span>满折</span>
								</div>
								<div class="clothes">
									<a href="goods-details3.html"> 车载空气净化器a>
								</div>
								<div class="clothes-price">
									￥399
								</div>
								<div class="data-rec">

								</div>
								<div class="desc-dataname">
									<span>CADR值高达70m³/h</span>
								</div>
							</li>
							<li>
								<div class="li-list tran5">
									<a href="goods-details3.html"><img src="img/pic-7.png" /></a>
								</div>
								<div class="discount">
									<span>满折</span>
								</div>
								<div class="clothes">
									<a href="goods-details3.html">LED光控体感旋转式柜灯/智能小夜灯</a>
								</div>
								<div class="clothes-price">
									￥78
								</div>
								<div class="data-rec">

								</div>
								<div class="desc-dataname">
									<span>多场景应用，可调可旋便捷贴心</span>
								</div>
							</li>
							<li>
								<div class="li-list tran5">
									<a href="goods-details3.html"><img src="img/pic-9.png" /></a>
								</div>
								<div class="discount">
									<span>满折</span>
								</div>
								<div class="clothes">
									<a href="goods-details3.html"> 网易智造全方位空气净化器</a>
								</div>
								<div class="clothes-price">
									￥1799.1
								</div>
								<div class="data-rec">

								</div>
								<div class="desc-dataname">
									<span>360°立体风洞循环，400m³/h高能效净化！</span>
								</div>
							</li>
							<li>
								<div class="li-list tran5">
									<a href="goods-details3.html"><img src="img/pic-10.png" /></a>
								</div>
								<div class="discount">
									<span>满折</span>
								</div>
								<div class="clothes">
									<a href="goods-details3.html"> 网易智造3D可逆循环扇</a>
								</div>
								<div class="clothes-price">
									￥499
								</div>
								<div class="data-rec">

								</div>
								<div class="desc-dataname">
									<span>创新可逆模式 空气对流循环</span>
								</div>
							</li>
							<div class="clear"></div>
						</ul>
						<div class="title">
							<div class="imgWrag">
								<div class="imgWrag-1 fl">
									<img class="imgWrag-img" src="img/pic-5.png" />
								</div>

								<span class="imgWrag-name fl">看了该商品的人还买了</span>
								<div class="clear"></div>
							</div>

						</div>
						<ul class="m-iteam-list">
							<li>
								<div class="li-list tran5">
									<a href="goods-details3.html"><img src="img/pic-11.png" /></a>
								</div>
								<div class="discount">
									<span>满折</span>
								</div>
								<div class="clothes">
									<a href="goods-details3.html"> 电子防盗保险箱</a>
								</div>
								<div class="clothes-price">
									￥1399
								</div>
								<div class="data-rec">

								</div>
								<div class="desc-dataname">
									<span>CCC认证,指纹密码，稳妥守护重要物件</span>
								</div>
							</li>
							<li>
								<div class="li-list tran5">
									<a href="goods-details3.html"><img src="img/pic-12.png" /></a>
								</div>
								<div class="discount">
									<span>满折</span>
								</div>
								<div class="clothes">
									<a href="goods-details3.html"> 音伏IN-VOICE 头戴音乐耳机</a>
								</div>
								<div class="clothes-price">
									￥399.2
								</div>
								<div class="data-rec">

								</div>
								<div class="desc-dataname">
									<span>回归本质，聆听内心</span>
								</div>
							</li>
							<li>
								<div class="li-list tran5">
									<a href="goods-details3.html"><img src="img/pic-13.png" /></a>
								</div>
								<div class="discount">
									<span>满折</span>
								</div>
								<div class="clothes">
									<a href="goods-details3.html"> 音伏IN-VOICE 动圈高保真耳机</a>
								</div>
								<div class="clothes-price">
									￥79
								</div>
								<div class="data-rec">

								</div>
								<div class="desc-dataname">
									<span>强劲低频，澎湃低音</span>
								</div>
							</li>
							<li>
								<div class="li-list tran5">
									<a href="goods-details3.html"><img src="img/pic-14.png" /></a>
								</div>
								<div class="discount">
									<span>满折</span>
								</div>
								<div class="clothes">
									<a href="goods-details3.html"> 随卷随心电动造型器</a>
								</div>
								<div class="clothes-price">
									￥203.1
								</div>
								<div class="data-rec">

								</div>
								<div class="desc-dataname">
									<span>纳米陶瓷涂层，智能恒温不伤发</span>
								</div>
							</li>
							<div class="clear"></div>
						</ul>
					</div>
					<div class="swiper-container">
						<div class="swiper-containername">
							<h3 class="title">猜你喜欢</h3>
						</div>
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<li>
									<div class="swiper-slidelist tran5">
										<a href="goods-details3.html">
											<img src="img/pic-15.png" />
											<div class="name">
												法国直采
											</div>
										</a>
									</div>
									<div class="bd-list">
										<a href="goods-details3.html">
											<span> 网易智造壁挂式感应小夜灯</span>
										</a>
									</div>
									<div class="moneyli">
										<span>￥399</span>
										<img class="ddd" src="img/xm-13.png" />
									</div>
									<!--<div class="bd-listtwo">
										<span class="bd-listtwo-price">￥49</span>
									</div>-->
								</li>
								<li>
									<div class="swiper-slidelist tran5">
										<a href="goods-details3.html">
											<img src="img/pic-16.png" />
											<div class="name">
												法国直采
											</div>
										</a>
									</div>
									<div class="bd-list">
										<a href="goods-details3.html">
											<span> LED光控体感智能小夜灯 手电筒</span>
										</a>

									</div>
									<div class="moneyli">
										<span>￥499</span>
										<img class="ddd" src="img/xm-13.png" />
									</div>
								</li>
								<li>
									<div class="swiper-slidelist tran5">
										<a href="goods-details3.html">
											<img src="img/pic-17.png" />
											<div class="name">
												法国直采
											</div>
										</a>
									</div>
									<div class="bd-list">
										<a href="goods-details3.html">
											<span> 网易智造人体感应磁吸小夜灯</span>
										</a>

									</div>
									<div class="moneyli">
										<span>￥398</span>
										<img class="ddd" src="img/xm-13.png" />
									</div>
								</li>
								<li>
									<div class="swiper-slidelist tran5">
										<a href="goods-details3.html">
											<img src="img/pic-18.png" />
											<div class="name">
												法国直采
											</div>
										</a>
									</div>
									<div class="bd-list">
										<a href="goods-details3.html">
											<span> 网易智造超静音变频直流风扇</span>
										</a>

									</div>
									<div class="moneyli">
										<span>￥369</span>
										<img class="ddd" src="img/xm-13.png" />
									</div>
								</li>
								<div class="clear"></div>
							</div>
							<div class="swiper-slide">
								<li>
									<div class="swiper-slidelist tran5">
										<a href="goods-details3.html">
											<img src="img/pic-19.png" />
											<div class="name">
												法国直采
											</div>
										</a>
									</div>
									<div class="bd-list">
										<a href="goods-details3.html">
											<span> 南法混酿干红葡萄酒</span>
										</a>

									</div>
									<div class="moneyli">
										<span>￥99</span>
										<img class="ddd" src="img/xm-13.png" />
									</div>
								</li>
								<li>
									<div class="swiper-slidelist tran5">
										<a href="goods-details3.html">
											<img src="img/pic-20.png" />
											<div class="name">
												法国直采
											</div>
										</a>
									</div>
									<div class="bd-list">
										<a href="goods-details3.html">
											<span> 玩趣彩虹四季拖鞋</span>
										</a>

									</div>
									<div class="moneyli">
										<span>￥399</span>
										<img class="ddd" src="img/xm-13.png" />
									</div>
								</li>
								<li>
									<div class="swiper-slidelist tran5">
										<a href="goods-details3.html">
											<img src="img/pic-21.png" />
											<div class="name">
												法国直采
											</div>
										</a>
									</div>
									<div class="bd-list">
										<a href="goods-details3.html">
											<span> 网易智造三合一磁吸车载支架</span>
										</a>

									</div>
									<div class="moneyli">
										<span>￥395</span>
										<img class="ddd" src="img/xm-13.png" />
									</div>
								</li>
								<li>
									<div class="swiper-slidelist tran5">
										<a href="goods-details3.html">
											<img src="img/pic-22.png" />
											<div class="name">
												法国直采
											</div>
										</a>
									</div>
									<div class="bd-list">
										<a href="goods-details3.html">
											<span> 抽绳式垃圾袋</span>
										</a>

									</div>
									<div class="moneyli">
										<span>￥399</span>
										<img class="ddd" src="img/xm-13.png" />
									</div>
								</li>
								<div class="clear"></div>
							</div>
						</div>
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>

					</div>
				</div>
			</div>

		</div>
		<div id="footer"></div>

		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/head-foot.js" type="text/javascript" charset="utf-8"></script>
		<script src="layer-v3.1.1/layer/layer.js"></script>
		<script type="text/javascript" src="js/swiper-4.3.5.min.js"></script>

		<script type="text/javascript">
			$(window).scroll(function() {
				var top = $(document).scrollTop();
				if(top > 500) {
					$(".coupon-line").css({
						display: 'block'
					});
					$(".coupon-line").slideDown();
				} else {
					$(".coupon-line").css({
						display: 'none'
					});
					$(".bd-bdline").css({
						display: 'none'
					});

					$(".coupon-line").slideUp();
				}
			});
			//第一步这是优惠券点击事件。。。
			$(".bd").css("display", "none");
			$(".check-two").css("display", "none");
			$(".check").click(function() {
				$(this).parent().siblings(".bd").css("display", "block");
				$(this).parent().siblings(".qqqqqqq").css("top", "207px");
				$(this).css("display", "none");
				$(".check-two").css("display", "block");
			});
			$(".check-two").click(function() {
				$(this).parent().siblings(".bd").css("display", "none");
				$(this).parent().siblings(".qqqqqqq").css("top", "50px");
				$(this).css("display", "none");
				$(".check").css("display", "block");
			});

			$(".check-two-line").css("display", "none");
			$(".check-line").click(function() {
				$(".check-two-line").css("margin-right", "148px");
				$(this).parent().siblings(".bd-bdline").css("display", "block");
				/*$(this).parent().siblings(".qqqqqqq").css("top", "207px");*/
				$(this).css("display", "none");
				$(".check-two-line").css("display", "block");
			});
			$(".check-two-line").click(function() {
				$(this).parent().siblings(".bd-bdline").css("display", "none");
				/*$(this).parent().siblings(".qqqqqqq").css("top", "50px");*/
				$(this).css("display", "none");
				$(".check-line").css("display", "block");
			});
			//点击批量删除
			$(".batch-del").click(function() {
				/*$(this).parents(".combined").siblings('.cart-grouplist').remove();
				$(this).parents(".combined").remove();
				$('.cart-grouplisttwo').css("display", "block");*/
				
				 
				$(this).parents(".combined").siblings('.cart-grouplist').remove();
				$(this).parents(".combined").remove();
				$('.cart-grouplisttwo').css("display", "block");
				
			});
			$(".value-sha").click(function() {
				//配置一个透明的询问框
				layer.msg('客官，没有失效商品啊！', {
					time: 4000, //2s后自动关闭

				});
			});
           
			//点击添加事件
			$(".priceb").click(function() {
				var $tr = $('<li><div class="list-list"><div class="buttona fl"><input type="checkbox" class="checkbox" /></div>' +
					'<div class="photo fl">' +
					'<img src="img/pic-23.png" />' +
					'</div>' +
					'<div class="nameCon fl"><a class="sleep-yi" href="#">男士真丝睡衣</a><div class="color"><a href="#">XXL 黑色</a></div>' +
					'</div>' +
					'<span class="pricea fl">￥</span>' +
					'<span class="priceb fl">799.00</span>' +
					'<div class="u-selnum fl">' +

					'<span class="reduction fl">-</span>' +
					'<input class="j-input fl" type="text" value="1" />' +
					'<span class="sign fl">+</span>' +
					'<div class="clear"></div>' +

					'</div>' +
					'<span class="price11 fl">￥</span>' +
					'<span class="price1 fl">799.00</span>' +
					'<div class="move-del fl">' +
					'<span class="move fl"><a href="#">移入收藏夹</a></span>' +
					'<div class="delect">' +
					'<a href="#">删除</a>' +
					'</div>' +
					'<div class="clear"></div>' +
					'</div>' +
					'<div class="clear"></div>' +
					'</div>' +
					'</li>');
				$(this).parents("ul").append($tr);
				sumPrice();
				adddel();
			});
			//添加事件委托删除
			$("ul").on("click", ".delect", function() {
				$(this).parents('li').remove();
				var i = $(".cart-grouplist li").length;
				console.log(i)
				if(i == 0) {
					$(".combined").remove();
					$('.cart-grouplist').remove();
					$('.cart-grouplisttwo').css("display", "block");
				}
			});
			//添加事件委托移入
			$("ul").on("click", ".move", function() {
				$(this).parents('li').remove();
				var i = $(".cart-grouplist li").length;
				console.log(i)
				if(i == 0) {
					$(".combined").remove();
					$('.cart-grouplist').remove();
					$('.cart-grouplisttwo').css("display", "block");
				}
			});

			$(function() {
				adddel();
				//点击删除事件，用each循环，并借机调用sumPrice();
				$(".delect").each(function() {
					$(this).click(function() {
						$(this).parents('li').remove();
						if($(".cart-grouplist li").length == 0) {
							$(".cost-price").text(0);
						}
						/*sumPrice();*/
					});
				});
				$(".cart-grouplist li").each(function() {
					$(".delect").click(function() {
						var i = $(".cart-grouplist li").length;
						console.log(i)
						if(i == 0) {
							$(".combined").remove();
							$('.cart-grouplist').remove();
							$('.cart-grouplisttwo').css("display", "block");
						}
						/*sumPrice();*/
					});
				});
				//点击移入事件
				$(".move").each(function() {
					$(this).click(function() {
						$(this).parents('li').remove();
						if($(".cart-grouplist li").length == 0) {
							$(".cost-price").text(0);
						}
						/*sumPrice();*/
					});
				});
				$(".cart-grouplist li").each(function() {
					$(".move").click(function() {
						var i = $(".cart-grouplist li").length;
						console.log(i)
						if(i == 0) {
							$(".combined").remove();
							$('.cart-grouplist').remove();
							$('.cart-grouplisttwo').css("display", "block");
						}
						/*sumPrice();*/
					});
				});
			});

			/*function adddel() {
				//加
				$(".sign").each(function() {
					$(this).click(function() {
						$(this).parent().siblings(".buttona").find("input[type=checkbox]").prop('checked', true);
						var $multi = 0;
						var num = $(this).siblings(".j-input").val();
						num++;
						$(this).siblings(".j-input").val(num);
						$multi = parseFloat(num) * parseFloat($(this).parent().siblings(".priceb").text());
						$(this).parent().siblings(".price1").text(Math.round($multi));
						sumPrice();
					});
				});*/
			//减
			/*	$(".reduction").each(function() {
					$(this).click(function() {
						var $multi1 = 0;
						var num1 = $(this).siblings(".j-input").val();
						num1--;
						if(num1 <= 0) {
							num1 = 1;
						}
						$(this).siblings(".j-input").val(num1);
						$multi1 = parseFloat(num1) * parseFloat($(this).parent().siblings(".priceb").text());
						$(this).parent().siblings(".price1").text(Math.round($multi1));
						sumPrice();
					})

				})
			}
*/
			/*	function sumPrice() {
					var sum = 0;
					$(".list-list .price1").each(function() {
						sum += parseFloat($(this).text());
						$(".cost-price").text(sum);
					});
				}*/
		</script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
		</script>

		<!--全选按钮-->
		<script type="text/javascript">
			var flag = true;
			$(".w-w1").click(function() {
				if(flag) {
					$(".cart-grouplist li").find("input[type=checkbox]").prop('checked', false);
					$(".combined-del").find("input[type=checkbox]").prop('checked', false);
					flag = true;
					$(".cost-price").text("0.00");
					/*$(".cart-grouplist li").find("input[type=checkbox]").prop('checked', true);*/
					flag = false;
					/*sumPrice();*/
				} else {
					$(".cart-grouplist li").find("input[type=checkbox]").prop('checked', true);
					$(".combined-del").find("input[type=checkbox]").prop('checked', true);
					/*$(".cart-grouplist li").find("input[type=checkbox]").prop('checked', false);
					$(".combined-del").find("input[type=checkbox]").prop('checked', false);	
					flag = true;
					$(".cost-price").text("0.00");*/
					flag = true;
					setTotal();
				}
				
			})

			function setTotal() {
				var s = 0;
				$(".cart-grouplist li").each(function() {
					s += parseInt($(this).find('input[class*=j-input]').val()) * parseFloat($(this).find('span[class*=priceb]').text());
				});
				$(".cost-price").html(s.toFixed(2));
			}
		</script>
		<script type="text/javascript">
			$(".name-left ul li").click(function() {
				$(".name-left ul li").removeClass('lisstt');
				$(".name-left ul li").removeClass('active'); //必须写参
				$(this).addClass("active");

			});
		</script>
		
		
		<!--<script type="text/javascript">
			$(".buttona .checkbox").each(function(){
				$(this).click(function(){
					if($(this).prop('checked', true)){
						setTotalll();
					}
					setTotalll();
				})
				function setTotalll() {
					var s = 0;
					$(".cart-grouplist li").each(function() {
						s += parseInt($(this).find('input[class*=j-input]').val()) * parseFloat($(this).find('span[class*=priceb]').text());
					});
					$(".cost-price").html(s.toFixed(2));
				}
				setTotalll();
			})
			
			
		</script>
		-->
		
		
		
		
		
		
		<script type="text/javascript">
			$(function() {
				$(".sign").click(function() {
					var t = $(this).parent().find('input[class*=j-input]');
					t.val(parseInt(t.val()) + 1);
					var num = $(this).siblings(".j-input").val();
					$multi = parseFloat(num) * parseFloat($(this).parent().siblings(".priceb").text());
					$(this).parent().siblings(".price1").text(Math.round($multi));
					setTotal();
				})
				$(".reduction").click(function() {
					var t = $(this).parent().find('input[class*=j-input]');
					t.val(parseInt(t.val()) - 1)
					if(parseInt(t.val()) < 1) {
						t.val(1);
					}
					var num1 = $(this).siblings(".j-input").val();
					$multi1 = parseFloat(num1) * parseFloat($(this).parent().siblings(".priceb").text());
					$(this).parent().siblings(".price1").text(Math.round($multi1));
					setTotal();
				})
                 
				function setTotal() {
					var s = 0;
					$(".cart-grouplist li").each(function() {
						s += parseInt($(this).find('input[class*=j-input]').val()) * parseFloat($(this).find('span[class*=priceb]').text());
					});
					$(".cost-price").html(s.toFixed(2));
				}
				setTotal();

			});
		</script>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".cart-grouplist li").find("input[type=checkbox]").prop('checked', true);
				$(".w-w1").find("input[type=checkbox]").prop('checked', true);
				$(".combined-del").find("input[type=checkbox]").prop('checked', true);
			})
		</script>
	</body>

</html>